<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器优先级</title>
  说明：
  优先级： 行内样式 > id选择器 > clss选择器 > 元素选择器
  <style type="text/css">
    #id1{
      color: yellow;
    }
    .class1{
      color: blue;
    }
    div{
      color: gold;
    }

  </style>
</head>
<body>
<div style="color: red" id="id1" class="class1">小勤学CSS</div>
</body>
</html>